<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>天辰寰宇</title>
    <meta name="keywords" content="天辰寰宇" />
    <meta name="description" content="天辰寰宇" /> 
    <meta name="author" content="js代码" />
    <meta name="copyright" content="js代码" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/grayscale.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="img/favicon.ico" rel="shortcut icon" />
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <div class="nav_mask"></div>
    <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i></i><i></i><i></i>
                </button>
                <h1><a class="navbar-brand" href="index.html"><img src="img/logo.png" alt=""></a></h1>
            </div>
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="about.html" class="">关于</a></li>
                    <li><a href="fuwu.html" class="">服务</a></li>
                    <li><a href="kehuminglu.html" class="">案例</a></li>
                    <li><a href="newscenter.html" class="">信息</a></li>
                    <li><a href="contact.html" class="">联系</a></li>
                </ul>
                <span class="follow"></span>
            </div>
        </div>
    </div>
    <div id="wrap" class="wrapper">
        <div class="pages" id="pages">
            <div class="page page1">
                <div id="slide" class="slide">
                    <div>
                        <div class="bgs" style="background-image: url(img/index/1.jpg);"></div>
                        <div class="index_inner">
                            <div class="index_box solgan">
                                <div class="container">
                                    <h3>10 years, focus on Web Design!</h3>
                                    <h2>十年，专注于网站设计！</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="bgs" style="background-image: url(img/index/3.jpg);"></div>
                        <div class="index_inner">
                            <div class="index_box solgan">
                                <div class="container">
                                    <h3>Less is more, simple is better!</h3>
                                    <h2>少就是多，简洁就是丰富!</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="bgs" style="background-image: url(img/index/2.jpg);"></div>
                        <div class="index_inner">
                            <div class="index_box solgan">
                                <div class="container">
                                    <h3>Website designed to change!</h3>
                                    <h2>网站因设计而改变!</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index_inner">
                    <div class="index_box">
                        <div class="container index_nav">
                            <ul id="index_nav" class="clearfix">
                                <li><a href="javascript:;" data-index="1"><span>业务</span><i class="iconfont icon-about"></i></a></li>
                                <li><a href="javascript:;" data-index="2"><span>案例</span><i class="iconfont icon-service"></i></a></li>
                                <li><a href="javascript:;" data-index="3"><span>客户</span><i class="iconfont icon-custom"></i></a></li>
                                <li><a href="javascript:;" data-index="4"><span>新闻</span><i class="iconfont icon-news"></i></a></li>
                                <li><a href="javascript:;" data-index="5"><span>联系</span><i class="iconfont icon-contact"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="arrow"><span></span><i class="iconfont icon-arrow"></i></div>
            </div>
            <div class="page page2">
                <div class="index_inner">
                    <div class="index_box item_box">
                        <h2><a href="">服务项目</a></h2>
                        <h5><span class="t">Business</span><span class="page_icon iconfont icon-about"></span></h5>
                        <div class="container">
                            <div class="about_box item_bd">
                                <div class="card">
                                <a href="kehuminglu.html">
                                    <div class="cont">
                                        <div class="card_image" style="background-image: url(img/index/about_1.png);"></div>
                                        <div class="card_detail">
                                                <span class="icon iconfont icon-pc"></span>
                                                <span class="text">
                                                    <h3>高端网站定制设计开发</h3>
                                                    <p class="line">集团官网及站群设计开发 / 企业品牌官网营销型网站策划开发 / 专题网站</p>
                                                    <p class="text-r"><span class="more">Learn More &gt;</span></p>
                                                </span>   
                                        </div>
                                    </div>
                                </a>
                                </div>
                                <div class="card">
                                <a href="case_h5.html">
                                    <div class="cont">
                                        <div class="card_image" style="background-image: url(img/index/about_3.png);"></div>
                                        <div class="card_detail">
                                                <span class="icon iconfont icon-pm"></span>
                                                <span class="text">
                                                    <h3>H5响应式与手机站设计</h3>
                                                    <p class="line">手机网站 / APP / HTML5 / 微信服务 / 移动交互提升品牌活力与品牌价值</p>
                                                    <p class="text-r"><span class="more">Learn More &gt;</span></p>
                                                </span>
                                        </div>
                                    </div>
                                </a>
                                </div>
                                <div class="card">
                                <a href="Marketing_website.html">
                                    <div class="cont">
                                        <div class="card_image" style="background-image: url(img/index/about_2.png);"></div>
                                        <div class="card_detail">
                                                <span class="icon iconfont icon-mb"></span>
                                                <span class="text">
                                                    <h3>营销型网站设计策划</h3>
                                                    <p class="line">高效的客户转化率和良好的用户体验，将营销的思想、方法和技巧融入到网站设计中</p>
                                                    <p class="text-r"><span class="more">Learn More &gt;</span></p>
                                                </span>
                                        </div>
                                    </div>
                                </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="arrow"><span></span><i class="iconfont icon-arrow"></i></div>
            </div>
            <div class="page page3">
                <div class="index_inner">
                    <div class="index_box item_box">
                        <h2><a href="#">成功案例</a></h2>
                        <h5><span class="t">Cases</span><span class="page_icon iconfont icon-service"></span></h5>
                        <div class="container">
                            <div class="case_box item_bd">
                                <div class="case_slide">
                                   
                                    <div id="case_slide" data-json='{"data":[
                                        {"url":"case_article.html","img":"img/中酒网.png","type":"高端网站设计","name":"中酒网中文官网"}
                                        ,{"url":"case_article.html","img":"img/校园查询宝.png","type":"高端网站设计","name":"校园查询宝"}
                                        ,{"url":"case_article.html","img":"img/司法考点.png","name":"司法考点"}
                                        ,{"url":"case_article.html","img":"img/理房网.png","type":"高端网站设计","name":"理房网官网"}
                                        ,{"url":"case_article.html","img":"img/中国中药.png","type":"高端网站设计","name":"中国中药"}
                                        ,{"url":"case_article.html","img":"img/北京音乐广播.png","type":"高端网站设计","name":"北京音乐广播官网设计"}
                                        ,{"url":"case_article.html","img":"img/新华书店彩图.png","type":"高端网站设计","name":"新华书店"}
                                        ,{"url":"case_article.html","img":"img/亿丰伟业彩图.png","type":"高端网站设计","name":"亿丰伟业"}
                                        ,{"url":"case_article.html","img":"img/hello，通辽彩色.png","type":"高端网站设计","name":"通辽官网"}
                                        ,{"url":"case_article.html","img":"img/会师堂.png","type":"高端网站设计","name":"会师堂官网"}
                                        ,{"url":"case_article.html","img":"img/世润.jpg","type":"高端网站设计","name":"世润国际"}
                                        ,{"url":"case_article.html","img":"img/健斐.jpg","type":"高端网站设计","name":"健斐健身器材"}
                                    ]}'>
                                    </div>
                               
                                </div>
                                <div class="arr">
                                    <div class="case_arrow_l"><i class="iconfont icon-left"></i></div>
                                    <div class="case_arrow_r"><i class="iconfont icon-right"></i></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="arrow"><span></span><i class="iconfont icon-arrow"></i></div>
            </div>
            <div class="page page4">
                <div class="index_inner">
                    <div class="index_box item_box">
                        <h2><a href="kehuminglu.html">我们的客户</a></h2>
                        <h5><span class="t">Clients</span></h5>
                        <div class="container">
                            <div class="custom_box item_bd">
                                <div class="clearfix">
                                    <div class="item">
									<div><span></span><img src="img/index/sifa.png" alt="中国司法"></div></div><div class="item">
                                    <div><span></span><img src="img/index/huishi.png" alt="中国教育服务网"></div></div><div class="item">
                                    <div><span></span><img src="img/index/music.png" alt="北京音乐广播"></div></div><div class="item">
                                    <div><span></span><img src="img/index/xinhuashudian.png" alt="新华书店"></div></div><div class="item">
                                    <div><span></span><img src="img/index/chenan.png" alt="辰安天泽有限公司"></div></div><div class="item">
                                    <div><span></span><img src="img/index/yifeng.png" alt="亿丰伟业集团"></div></div><div class="item">
                                    <div><span></span><img src="img/index/zhongjiu.png" alt="中酒网"></div></div><div class="item">
                                    <div><span></span><img src="img/index/zhongyao.png" alt="中国中医药"></div></div><div class="item">
                                    <div><span></span><img src="img/index/maicai.png" alt="保定餐饮企业"></div></div><div class="item">
                                    <div><span></span><img src="img/index/dadajiaxiao.png"  alt="达达驾校"></div></div><div class="item">
                                    <div><span></span><img src="img/index/logo10.png" alt="北京天辰寰宇科技有限公司客户"></div></div><div class="item">
                                    <div><span></span><img src="img/index/logo10.png" alt="北京天辰寰宇科技有限公司客户"></div></div><div class="item">
                                    <div><span></span><img src="img/index/logo10.png" alt="北京天辰寰宇科技有限公司客户"></div></div>
                                    <div class="city"></div>
                                    <div class="names"><span>我们的客户</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="arrow"><span></span><i class="iconfont icon-arrow"></i></div>
            </div>
            <div class="page page5">
                <div class="index_inner">
                    <div class="index_box item_box">
                        <h2><a href="newscenter.html">公司资讯</a></h2>
                        <h5><span class="t">News Center</span><span class="page_icon iconfont icon-news"></span></h5>
                        <div class="container">
                            <div class="news_box item_bd">
                                <ul>
                                <li>
                                      <a href="article_content.html">
                                            <p class="type"><span>信息</span>/2021.04.18</p>
                                            <h4 class="title">直播将成为新型“门户网站”</h4>
                                            <p>移动互联网已经成为当下的主流，直播无疑是一种最直接、最真实的展示方式，成为很多人愿意去尝试并接受的互联网产品，直播俨然已经成为新老媒体都会选择的香饽饽，新主流媒体们借助他们和直播的天然联系，不断巩固着他们在互联网时代已经积累下...</p>
                                            <p class="more">Learn More <i class="iconfont icon-right"></i></p>
                                        </a>
                                    </li><li>
                                      <a href="article_content.html">
                                            <p class="type"><span>行业动态</span>/2021.04.17</p>
                                            <h4 class="title">日本亚马逊正式登陆亚马逊海外购：免税+中文界面</h4>
                                            <p>日本亚马逊正式登陆亚马逊中国海外购平台，这是继美亚和英亚之后的跨境电商的又一创举。 按照官方的说法，页面的商品由亚马逊日本从境外销售和发货，目前提供 16 大日本热销品类，其中包括母婴玩具、鞋靴箱包、流行服饰、手表配饰、厨具家居等等...</p>
                                            <p class="more">Learn More <i class="iconfont icon-right"></i></p>
                                        </a>
                                    </li><li>
                                      <a href="article_content.html">
                                            <p class="type"><span>信息</span>/2021.04.25</p>
                                            <h4 class="title">出行领域的打车界也要有硬件？！</h4>
                                            <p>出门打车?北京网站建设现在最先想到的一定是滴滴，它已经变成了一款你不得不选择的「国民级」的出行服务提供商，同时也意味着它的身上将会肩负着更多的社会责任。老人打车难早已是一个被广泛讨论的话题了，《81 岁老人：路边打车 40 分钟未果》这...</p>
                                            <p class="more">Learn More <i class="iconfont icon-right"></i></p>
                                        </a>
                                    </li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="arrow"><span></span><i class="iconfont icon-arrow"></i></div>
            </div>
            <div class="page page6">
                <div class="index_inner">
                    <div class="index_box item_box">
                        <h2><a href="contact.html">联系我们</a></h2>
                        <h5><span class="t">Contact Us</span><span class="page_icon iconfont icon-contact"></span></h5>
                        <div class="container-fluid">
                            <div class="contact_box item_bd">
                                <ul>
                                    <li>
                                        <div>
                                            <div class="contact">
                                                <div>
                                                <ul class="clearfix">
                                                    <li><span class="icon iconfont icon-qq"></span><span class="text"><p class="tips">QQ</p><p class="num"><a href="http://wpa.qq.com/msgrd?v=3&uin=473587358&site=qq&menu=yes" target="_blank">86305550</a></p></span></li>
                                                    <li><span class="icon iconfont icon-tel"></span><span class="text"><p class="tips">电话</p><p class="num"><a href="tel:053285810878" target="_blank">18701192829</a></p></span></li>
                                                    <li><span class="icon iconfont icon-place"></span><span class="text"><p class="tips">地址</p><p>北京市海淀区苏州街55号3层01-A412</p></span></li>
                                                    <li><span class="icon iconfont icon-mail"></span><span class="text"><p class="tips">E-Mail</p><p>xinchuang1214@sina.com</p></span></li>
                                                </ul>
                                                </div>
                                            </div>
                                            <div class="solgan">
                                                <div>
                                                    <p>设计为品牌巩固地位！</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                   <li>

                                        <div class="map"></div>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="nav_index" class="nav_index">
        <div>
            <span class="active"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div id="chat" class="chat">
        <div>
        <div>
            <a href="tel:18701192829" class="tel" target="_blank"><span><i class="iconfont icon-tel"></i>18701192829</span></a>
            <a href="qq.html" class="qq" target="_blank"><span><i class="iconfont icon-qq"></i>86305550</span></a>
            <a href="mailto:xinchuang1214@sina.com" class="mail" target="_blank"><span><i class="iconfont icon-mail"></i>xinchuang1214@sina.com</span></a>
        </div>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/verder.min.js"></script>
    <script src="js/grayscale.js"></script>
    <script src="js/index.js"></script>
</body>
</html>
